<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html lang="en">

<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet"
	href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Agregar Empleado</title>

<!-- Bootstrap Core CSS -->
<link href="bootstrap/vendor/bootstrap/css/bootstrap.css"
	rel="stylesheet">

<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato"
	rel="stylesheet">
<link
	href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli"
	rel="stylesheet">

<!-- Plugin CSS -->
<link rel="stylesheet"
	href="bootstrap/vendor/font-awesome/css/font-awesome.css">
<link rel="stylesheet"
	href="bootstrap/vendor/simple-line-icons/css/simple-line-icons.css">

<!-- Theme CSS -->
<link href="bootstrap/css/new-age.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.bootstrap/js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body id="page-top">

	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
	<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> Menu <i
					class="fa fa-bars"></i>
			</button>
			<a class="navbar-brand page-scroll" href="index.jsp">Index</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">

				<li><a class="page-scroll" href="agregarEmpleado.jsp">Agregar
						Empleado</a></li>
				<li><a class="page-scroll" href="ModificarEmpleadoServlet">Modificar
						Empleado</a></li>
						<li><a class="page-scroll" href="agregarProducto.jsp">Agregar
						Productos</a></li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	<!-- /.container-fluid --> </nav>



	<section class="agregarEmpleado">
	<div class="cta-content">
		<div class="container">
	

			<c:if test="${UsuarioLogeado.usuario == 'admin'}">
			
			
			
   					<c:if test="${not empty MensajeAgregarEmpleado}">	
							
				<%@ include file="/bootstrap/MensajeSuperior.jsp" %>				
   					${MensajeAgregarEmpleado}
 				<%@ include file="/bootstrap/MensajeInferior.jsp" %> 
 								
 				 </c:if>	
			
			
			
<h1>Agregar Empleado</h1>
				<form
					action="${pageContext.request.contextPath}/AgregarEmpleadoServlet"
					method="post">
					<div>

						<h3>DNI</h3>
						<input type="number" placeholder="Ingrese dni" name="inputDNI"
							min="1" max="90000000" required  class="inputs">

						<h3>Nombre</h3>
						<input type="text" name="inputNombre" placeholder="Ingrese nombre"
							pattern=".{2,100}" required
							title="Nombre debe contener de 2 a 100 caracteres."
							maxlength="100"  class="inputs">


						<h3>Apellido</h3>
						<input type="text" name="inputApellido"
							placeholder="Ingrese apellido" pattern=".{2,100}" required
							title="Apellido debe contener de 2 a 100 caracteres."
							maxlength="100"  class="inputs">

						<h3>Usuario</h3>
						<input type="text" name="inputUsuario"
							placeholder="Ingrese Usuario" pattern=".{2,100}" required
							title="Usuario debe contener de 2 a 100 caracteres."
							maxlength="100"  class="inputs"> <br> <br>
						<h3>Password</h3>

						<input type="password" name="inputPassword"
							placeholder="Ingrese Password" pattern=".{2,100}" required
							title="Password debe contener de 2 a 100 caracteres."
							maxlength="100"  class="inputs"> <br> <br> </br> </br>
						<h3>Categoria</h3>
						<select name="inputCategoria" required  class="inputs">
							<option value="Vendedor">Vendedor</option>
							<option value="Recursos Humanos">Recursos Humanos</option>
						</select> </br> </br> </br> <input name="btnnuevo_empleado" type="submit" value="Nuevo Empleado">



					</div>
				</form>
			</c:if>

<c:if
		test="${empty UsuarioLogeado || UsuarioLogeado.usuario != 'admin'}">
		<h3>Ingrese con un usuario admin para proceder.</h3>
		</c:if>



		</div>
	</div>
	<div class="overlay"></div>
	</section>













































	<footer>
	<div class="container">
		<p>&copy; 2016 F. Leandro - TSSI.</p>
		<ul class="list-inline">
			<li><a href="#">TP</a></li>
			<li><a href="#">Prog.</a></li>
			<li><a href="#">II</a></li>
		</ul>
	</div>
	</footer>


	<!-- Bootstrap Core JavaScript -->
	<script src="bootstrap/vendor/bootstrap/js/bootstrap.min.js"></script>

	<!-- Plugin JavaScript -->
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

	<!-- Theme JavaScript -->
	<script src="bootstrap/js/new-age.min.js"></script>

</body>

</html>
